﻿@model ConDes.Modelos.VerProductoModel
<script type="text/javascript">
    $(document).ready(function () {
        $(".cargandoAgregarMiCompra").hide();
        EventBinder($(".fotoGaleria"), "click", mostrarFoto);
        EventBinder($("#agregarMiCompra"), "click", agregarItem);
    });

    function mostrarFoto(e) {
        var url = $(e.currentTarget).attr("src");

        $("#fotoSeleccionada").attr("src", url);
    }

    function agregarItem(e) {
        $("#agregarMiCompra").prop("disabled", true);
        $(".cargandoAgregarMiCompra").show();

        $.ajax({
            url: '@Url.Content("~/Tienda/AgregarProducto")',
            data: { idProducto: @Html.Raw(Model.IdProducto.ToString()) },
            success:function(){
                $("#agregarMiCompra").prop("disabled", false);
                $(".cargandoAgregarMiCompra").hide();
                $("#miCompraResultado").text("Agregado con éxito");
                $("#miCompraResultado").addClass("text-success");
                actualizarCantidadCarrito();
            },
            error:function(){
                $("#agregarMiCompra").prop("disabled", false);
                $(".cargandoAgregarMiCompra").hide();
                $("#miCompraResultado").text("Ha ocurrido un error");
                $("#miCompraResultado").addClass("text-danger");
            }
        });
    }
</script>
<div class="row">
    <div class="col-md-6 search-heading">
        <h1>
            <a href="@Url.Content("~/Tienda/?IdCategoria=" + Model.IdCategoria)"><strong>@Model.Categoria ></strong></a>
            <a href="@Url.Content("~/Tienda/?IdCategoria=" + Model.IdCategoria + "&IdSubCategoria=" + Model.IdSubCategoria)"><strong>@Model.SubCategoria</strong></a>
        </h1>
    </div>
</div>
<div class="row contenedorGeneralProducto">
    <div class="col-md-6">
        <div class="nombreProducto">
            @Model.Nombre
        </div>
        <div class="contenedorImagenes">
            <div class="col-md-4">
                @foreach (string foto in Model.Fotos)
                {
                    <div class="fotoProducto">
                        <img class="fotoGaleria" src="@Url.Content("~/Fotos/" + foto)" />
                    </div>
                }
            </div>
            <div class="col-md-8 productoFotoSeleccionada">
                <img id="fotoSeleccionada" src="@Url.Content("~/Fotos/" + Model.Fotos.First())" />
            </div>
        </div>
    </div>
    <div class="col-md-6">
        <div class="contenedorProductoCompra">
            <div class="productoPrecio">
                @Model.Precio.ToString("C0")
            </div>
            <div class="productoCuotas">
                <span class="andyFreireMacrista">12</span>
                <span> cuotas sin interés de </span>
                <span class="andyFreireMacrista">@Model.Cuota12.ToString("C0")</span>
            </div>
            <div class="productoTarjetas">
                <img src="@Url.Content("~/Contenido/Sitio/Imagenes/Tarjetas2.png")" />
            </div>
            <div class="contenedorAgregarMiCompra">
                <button id="agregarMiCompra" class="btn btn-primary">Agregar a Mi Compra</button>
                <div class="cargandoAgregarMiCompra">
                    <img src="~/Contenido/Sitio/Imagenes/loading2.gif" />
                </div>
                <div class="agregarMiCompraResultado">
                    <label id="miCompraResultado"></label>
                </div>
            </div>
            <div class="productoEntrega">
                <h3><strong>Entrega a domicilio:</strong></h3>
                <table class="table table-striped table-hover">
                    <tr>
                        <td><b>Ubicación</b></td>
                        <td><b>Tiempo Estimado</b></td>
                    </tr>
                    <tr>
                        <td>Capital Federal</td>
                        <td>1 día hábil</td>
                    </tr>
                    <tr>
                        <td>Provincia Bs As</td>
                        <td>3 días hábiles</td>
                    </tr>
                    <tr>
                        <td>Interior</td>
                        <td>1 semana hábil</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>
<div class="row productoDescripcion">
    <div class="col-md-12">
        @Html.Raw(Model.Descripcion)
    </div>
</div>
